추세선

카테시안 계열의 차트 (예, 바 차트, 컬럼 차트, 라인 차트, etc) 유형에서는 추세선을 표시할 수 있습니다. 이러한 작업은 데이터 시리즈 (예, <Column2DSeries> 노드)의 showTrendLine 속성을 “true”로 설정함으로써 가능합니다. 다음은 추세선의 표시와 관련된 속성들을 설명한 표입니다.

속성명	유효값 (*: 기본값)	설명
movingAveragePeriod	숫자	trendLineType 속성값이 “movingAverage” 인 경우, 이동 평균선의 범위값을 지정합니다.
polynomialOrder	숫자	trendLineType 속성값이 “polynomial” 인 경우, 다항식에 대한 차수를 설정합니다.
showTrendLine	true, false(*)	차트에 추세선을 표시할지 여부를 설정합니다.
showTrendLineEquation	true, false(*)	차트에 표현되는 추세선의 공식을 표시할지 여부를 설정합니다.
showTrendLineRSquared	true, false(*)	차트에 표현되는 추세선의R-squared 값을 표시할지 여부를 설정합니다.
trendLineForm	curve(*), segment, step, reverseStep	추세선의 유형을 지정합니다.
trendLineType	linear(*), logarithmic, exponential, polynomial, power, movingAverage	추세선의 계산 유형을 지정합니다.

다음은 플롯 차트에서 선형(linear) 추세선을 표시하는 예제입니다.

<series>
  <Plot2DSeries yField="population" displayName="Population" showTrendLine="true"/>
</series>

See the CodePen 알메이트 차트 - 플롯 차트에서 선형 추세선 표시

주의: trendLineType 속성의 기본값이 “linear” 이므로 위 예제에서는 trendLineType 속성이 설정되지 않았지만 자동으로 선형 추세선이 표시됩니다.

다음은 컬럼 차트에서 거듭제곱(power) 추세선을 표시하는 예제입니다.

<series>
  <Column2DSeries yField="Vancouver" displayName="Vancouver" showTrendLine="true" trendLineType="power"/>
</series>

See the CodePen 알메이트 차트 - 컬럼 차트에서 거듭제곱 추세선 표시

다음은 컬럼 차트에서 지수(exponential) 추세선을 표시하는 예제입니다.

<series>
  <Column2DSeries yField="Vancouver" displayName="Vancouver" showTrendLine="true" trendLineType="exponential"/>
</series>

See the CodePen 알메이트 차트 - 컬럼 차트에서 지수 추세선 표시

다음은 바 차트에서 로그(logarithmic) 추세선을 표시하는 예제입니다.

<series>
  <Bar2DSeries xField="Vancouver" displayName="Vancouver" showTrendLine="true" trendLineType="logarithmic"/>
</series>

See the CodePen 알메이트 차트 - 바 차트에서 로그 추세선 표시

목차

추세선